<template>
    <div class="body-width">
        <div class="gap">
            <Banner></Banner>
        </div>

        <div class="gap">
            <hot></hot>
        </div>

        <div class="gap">
            <hotDocument></hotDocument>
        </div>

        <div class="i-background_1">
            <div class="gap">
                <flashSale></flashSale>
            </div>
        </div>
        <div class="i-background_2">
            <div class="gap">
                <vipFree></vipFree>
            </div>
        </div>
        <div class="i-background_1">
            <div class="gap">
                <free></free>
            </div>
        </div>
        <div class="i-background_1">
            <div class="gap">
                <links></links>
            </div>
        </div>

    </div>
</template>
<script>
    import Banner from "../components/index/banner"
    import hot from "../components/index/hot"
    import hotDocument from "../components/index/hotDocument"
    import flashSale from "../components/index/flashSale"
    import vipFree from "../components/index/vipFree"
    import free from "../components/index/free"
    import links from "../components/index/links"

    export default {
        data() {
            return {}
        },
        components: {
            Banner,
            hot,
            hotDocument,
            flashSale,
            vipFree,
            free,
            links
        },
        created() {
            this.alertModel()
        },
        methods: {
            alertModel() {
                // const title = "对话框的标题";
                // const content = "<p>一些对话框内容</p><p>一些对话框内容</p>";
                // this.$Modal.info({
                //   title: title,
                //   content: content
                // });
            }
        }
    }
</script>
<style scoped>


    .i-background_1 {
        background-color: #f8f8f9;
    }

    .i-background_2 {
        width: 100%;
        background: url("../assets/vip/super-vip-back.jpg") top;
        background-size: cover;
        padding: 5px 0 4px;
        margin-top: 6px;
    }


</style>